<template>

	
		<view :style="{
			color: color,
			fontSize: size + 'rpx',
			backgroundColor:bg,
			left:left+ 'rpx',
			right:right+ 'rpx',
			top:top+ 'rpx',
			bottom:bottom+ 'rpx',
			position:position
			
			}">
			<slot></slot>
		</view>
	
</template>

<script>
	export default {
		name: 'louis-view',
		props: {
			color: {
				type: String,
				default: ''
			},
			bg: {
				type: String,
				default: ''
			},
			position:{
				type: [Number, String],
				default: ''
			},
			size: {
				type: [Number, String],
				default: ''
			},
			left: {
				type: [Number, String],
				default: ''
			},
			right: {
				type: [Number, String],
				default: ''
			},
			top: {
				type: [Number, String],
				default: ''
			},bottom: {
				type: [Number, String],
				default: ''
			}

		},
		data() {
			return {};
		},
		computed: {

		},
		methods: {

		}
	};
</script>

<style scoped lang="scss">
	// .louis-view {
		
	// 	box-sizing: border-box;
	// }
</style>
